@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity {
  animation: opacity .3s 0s ease-out forwards;
}

body {
  overflow-x: auto;
}

#wrapper {
  width: 100%;
}

.bar-graph-part {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bar-graph-part .top-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bar-graph-part .top-part span {
  font-weight: 600;
  font-size: 1.6rem;
}
.bar-graph-part .top-part span:first-of-type {
  color: #4830ae;
}
.bar-graph-part .bar-graph {
  position: relative;
  width: 100%;
  height: 0.7rem;
  background-color: #d8e0e9;
  border-radius: 1rem;
  overflow: hidden;
}
.bar-graph-part .bar-graph .bar-value {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #4830ae;
  border-radius: 1rem;
}

#item-detail-reD {
  padding-top: 156px;
  display: flex;
  flex-direction: column;
}
#item-detail-reD aside.detail-aside {
  width: 41rem;
  height: auto;
  padding: 8rem 0 0 2rem;
  position: sticky;
  top: 0px;
}
/* #item-detail-reD aside.detail-aside.active {
  position: absolute;
  bottom: 0;
  top:unset;
} */
#item-detail-reD aside.detail-aside p.aside-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
#item-detail-reD aside.detail-aside .aside-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 3rem;
}
#item-detail-reD aside.detail-aside .aside-top p {
  font-size: 2.4rem;
  font-weight: 600;
}
#item-detail-reD aside.detail-aside .aside-middle {
  margin-bottom: 3rem;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  margin-bottom: 3rem;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .border-div {
  width: 1px;
  height: 100%;
  border-right: 1px solid #d8e0e9;
  position: absolute;
  left: 43.5px;
  top: 0;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .step {
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 0;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .step .box {
  color: #768ba4;
  background-color: #d8e0e9;
  font-weight: 600;
  width: 8.7rem;
  height: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  font-size: 13px;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .step span {
  font-size: 13px;
  font-weight: 700;
  color: #868990;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .step.active .box {
  background-color: #ffbd3e;
  color: #fff;
}
#item-detail-reD aside.detail-aside .aside-middle .step-part .step.active span {
  color: #222;
}
#item-detail-reD aside.detail-aside .aside-middle .left-time-part {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
#item-detail-reD aside.detail-aside .aside-middle .left-time-part .box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 8.7rem;
  height: 4.8rem;
  background-color: #edf2f8;
  border-radius: 1rem;
  padding: 8px;
}
#item-detail-reD aside.detail-aside .aside-middle .left-time-part .box .time {
  width: -webkit-fill-available;
  font-size: 3.4rem;
  font-weight: 300;
  text-align: center;
}
#item-detail-reD aside.detail-aside .aside-middle .left-time-part .box .text {
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  color: #4c5d89;
  font-weight: 700;
  text-align: right;
  flex-shrink: 0;
}
#item-detail-reD aside.detail-aside .aside-middle .point-part {
  display: flex;
  align-items: center;
  gap: 4rem;
}
#item-detail-reD aside.detail-aside .aside-middle .point-part .aside-title {
  margin-bottom: unset;
}
#item-detail-reD aside.detail-aside .aside-middle .point-part div {
  font-size: 2.4rem;
  font-weight: 700;
}
#item-detail-reD aside.detail-aside .btn-area {
  height: 6rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#item-detail-reD aside.detail-aside .btn-area button {
  border-radius: 1rem;
}
#item-detail-reD aside.detail-aside .btn-area button:hover {
  transform: translateY(2px);
  transition: transform 0.2s;
}
#item-detail-reD aside.detail-aside .btn-area .like-btn {
  width: 23%;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  border: 1px solid #ddd;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
#item-detail-reD aside.detail-aside .btn-area .like-btn.active {
  background-color: #ffbd3e;
}
#item-detail-reD aside.detail-aside .btn-area .apply-btn {
  width: 72%;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ffbd3e;
  font-size: 2.2rem;
}
#item-detail-reD aside.detail-aside .btn-area .apply-btn:disabled {
  background-color: #ededed;
  border: unset;
  color: #cecece;
}
#item-detail-reD aside.detail-aside .toggle-area {
  margin: 1rem 0;
}
#item-detail-reD aside.detail-aside .toggle-area .toggle-btn {
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background-color: #edf2f8;
  color: #4c5d89;
  font-size: 12px;
  font-weight: 500;
  border-radius: 0.7rem;
}
#item-detail-reD aside.detail-aside .toggle-area .toggle-btn img {
  width: 1rem;
  height: auto;
  transform: rotate(-180deg);
}
#item-detail-reD aside.detail-aside .toggle-area ul {
  padding: 1rem;
  display: none;
}
#item-detail-reD aside.detail-aside .toggle-area ul li {
  color: #4c5d89;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}
#item-detail-reD aside.detail-aside .toggle-area.active .toggle-btn img {
  transform: rotate(0deg);
}
#item-detail-reD aside.detail-aside .toggle-area.active ul {
  display: block;
}
#item-detail-reD .detail-box {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  display: flex;
}
#item-detail-reD section.detail-area {
  width: 87rem;
  padding: 7.2rem 2rem 0 0;
  border-right: 1px solid #ddd;
}

/* 리서치 디테일 페이지 css S */
#item-detail-reD section.detail-area.research {
  width: 87rem;
  padding: 7.2rem 0 0 0;
  border-right: 1px solid #ddd;
}
#item-detail-reD section.detail-area.research .title-area {
  width: 100%;
  padding-bottom: 2.3rem;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
  border-bottom: unset;
}
#item-detail-reD section.detail-area.research .table-area label {
  background-color: rgba(255, 255, 255, -0.2);
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #70737C38;
  cursor: pointer;
  /* width: 42%; */
  width: 100%;
  height: 100%;
  line-height: 32px;
  font-size: 18px;
  font-weight: 400;
  color: #000512;
  display: flex;
  align-items: center;
}
#item-detail-reD section.detail-area.research .table-area label input[type="radio"] {
  display: none;
}
/* #item-detail-reD section.detail-area.research .table-area label.research_result {
  background-color: #FFE5C7;
  padding: 15px 20px;
  border: unset;
  justify-content: space-between;
} */
 
#item-detail-reD section.detail-area.research .table-area .research_result {
  display: block;
  padding: unset;
  border: unset;
  border-radius: 6px;
  background: #FDEAD2;
  position: relative;
  height: 100%;
  cursor: unset;
  /* overflow: hidden; */
}
#item-detail-reD section.detail-area.research .table-area .research_result.selected {
  border: 2px solid #FF8B00;
}
#item-detail-reD section.detail-area.research .table-area .research_result .bar-label {
  padding: 10px 15px;
  position: relative;
  z-index: 2; /* ✅ 텍스트가 위에 있도록 */
}

#item-detail-reD section.detail-area.research .table-area .research_result .bar_box {
  border-radius: 6px;
  background-color: #FFB760;
  padding: unset;
  height: 100%;
  width: 100%;
  transition: width 0.3s;
  position: absolute;
  top: -1px;
  z-index: 1;
}

#item-detail-reD section.detail-area.research .table-area .research_result .bar {
  border-radius: 6px;
  background-color: #FFB760;
  padding: unset;
  height: 100%;
  transition: width 0.3s;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

#item-detail-reD section.detail-area.research .table-area .research_result .bar-text {
  position: absolute;
  right: 12px;
  top: 9px;
  font-weight: 400;
  font-size: 18px;
  z-index: 2; /* ✅ 텍스트가 위에 있도록 */
}
#item-detail-reD section.detail-area.research .table-area label.research_label:hover {
  background-color: #6F727B0F;
}
/* #item-detail-reD section.detail-area.research .table-area label.research_result:hover {
  background-color: #FFE5C7;
} */
#item-detail-reD section.detail-area.research .table-area .research_list {
  /* text-align: center; */
}
#item-detail-reD section.detail-area.research .table-area .research_list .title{
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #000000;
}
#item-detail-reD section.detail-area.research .table-area .research_list .title p{
  font-size: 15px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #000000;
}
#item-detail-reD section.detail-area.research .table-area .research_list .research_box {
  margin: 0px 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  /* justify-content: center; */
  /* flex-direction: column */
}
#item-detail-reD section.detail-area.research .table-area .research_list .research_box p{
  font-size: 15px;
  color: #000000;
}
#item-detail-reD section.detail-area.research .table-area input[type="checkbox"] {
  display: none;
}

#item-detail-reD section.detail-area.research .table-area .research_list .research_box .check-icon::before {
  content: "";
  margin-right: 1.5rem;
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  /* border-radius: 4px; */
  /* border: solid 1px #70737C; */
  /* box-sizing: border-box; */
  /* position: relative; */
  background-image : url('../icon/public/check_off.svg');
  cursor: pointer;
  /* margin-right: 0.8rem; */
  /* margin-top: 0.4rem; */
  /* bottom: 219px; */
  /* left: -8px; */
}

#item-detail-reD section.detail-area.research .table-area .research_list .research_box .check-icon.checked::before {
  background-image: url('../icon/public/check_on.svg');
}

#item-detail-reD section.detail-area.research .table-area input[type="checkbox"]:checked + label {
  background-color: #FF8B00;
  color: white;
  border-color: #FF8B00;
}

#item-detail-reD section.detail-area.research .table-area .btn-area {
  height: 51px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#item-detail-reD section.detail-area.research .table-area .btn-area button {
  border-radius: 1rem;
}
#item-detail-reD section.detail-area.research .table-area .btn-area button:hover {
  /* transform: translateY(2px);
  transition: transform 0.2s; */
}
#item-detail-reD section.detail-area.research .table-area .btn-area .apply-btn {
  width: 100%;
  height: 100%;
  font-weight: 700;
  background-color: #FFA942;
  color: #FFFFFF;
  font-size: 1.8rem;
  border-radius: 6px;
}
#item-detail-reD section.detail-area.research .table-area .btn-area .apply-btn:hover {
  /* background-color: #6F727B0F; */
}
#item-detail-reD section.detail-area.research .table-area .btn-area .apply-btn:disabled {
  background-color: #ededed;
  border: unset;
  color: #cecece;
}
#item-detail-reD section.detail-area.research .table-area .result_pre {
  height: 51px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#item-detail-reD section.detail-area.research .table-area .result_pre .apply-btn {
  width: 100%;
  height: 100%;
  font-weight: 400;
  background-color: #FFFFFF;
  color: #FF8B00;
  font-size: 1.8rem;
  border-radius: 6px;
}

#item-detail-reD section.detail-area.research .table-area .result_pre .apply-btn:disabled {
  background-color: #ededed;
  border: unset;
  color: #cecece;
}
/* 리서치 디테일 페이지 css E */

#item-detail-reD #research_f {
  display: flex;
}
#item-detail-reD section.detail-area .title-area {
  width: 100%;
  padding-bottom: 2.3rem;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
  border-bottom: 2px solid #222;
}
#item-detail-reD section.detail-area .title-area .sns-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#item-detail-reD section.detail-area .title-area .sns-part .sns-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
#item-detail-reD section.detail-area .title-area .sns-part .sns-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#item-detail-reD section.detail-area .title-area .sns-part p {
  font-size: 12px;
  font-weight: 700;
}
#item-detail-reD section.detail-area .title-area .sns-part .sns-left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
#item-detail-reD section.detail-area .title-area .sns-part .share-btn {
  padding: unset;
  background-color: transparent;
}
#item-detail-reD section.detail-area .title-area h1.title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
}
#item-detail-reD section.detail-area .media-box {
  width: 100%;
  padding: 2rem 0;
}
#item-detail-reD section.detail-area .media-box .video-part {
  width: 100%;
  height: 42.5rem;
  margin: 0 auto 2rem;
}
#item-detail-reD section.detail-area .media-box .video-part iframe {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-next::after,
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-prev::after {
  font-size: 2rem;
  font-weight: 800;
  color: #6d6d6d !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.13);
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-next.swiper-button-lock,
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-prev.swiper-button-lock {
  display: unset;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-prev::after {
  left: 0;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-button-next::after {
  right: 0;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-wrapper .swiper-slide {
  width: 250px;
  height: 250px;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .swiper-wrapper .swiper-slide:first-of-type {
  width: 179px;
  height: 250px;
}
#item-detail-reD section.detail-area .media-box .swiper-container .itemSwiper .opacity-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 8rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8), rgb(255, 255, 255));
}
#item-detail-reD section.detail-area .media-box.product .product-img {
  height: 70rem;
  overflow: hidden;
}
#item-detail-reD section.detail-area .media-box.product .product-img.active {
  height: auto;
  overflow: visible;
}
#item-detail-reD section.detail-area .media-box.product .detail-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #edf2f8;
  color: #4c5d89;
  gap: 1rem;
  padding: 1.5rem 0;
  margin: 1rem 0;
}
#item-detail-reD section.detail-area .media-box.product .detail-btn img {
  width: 1rem;
  height: auto;
}
#item-detail-reD section.detail-area .table-area {
  margin: 3rem 0;
}
#item-detail-reD section.detail-area.research .table-area {
  margin: 5rem 0 20rem;
  padding: 0px 19rem;
}
#item-detail-reD section.detail-area .table-area table th {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
  padding-bottom: 4rem;
  line-height: 1.2;
}
#item-detail-reD section.detail-area .table-area table td {
  padding-left: 2rem;
  padding-bottom: 4rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7;
}
#item-detail-reD section.detail-area .table-area table td p img{
  margin-bottom: 5px;
}
#item-detail-reD section.detail-area .table-area table td .map_address{
  display: flex;
}
#item-detail-reD section.detail-area .table-area table td p.sub {
  font-size: 1.4rem;
}
#item-detail-reD section.detail-area .table-area table td .se-module-image-link,
#item-detail-reD section.detail-area .table-area table td .ex-img {
  border: 1px solid #ddd;
  margin: 1rem 0 0;
  display: inline-block;
}
#item-detail-reD section.detail-area .table-area table td .clip-btn {
  padding: 0.5rem 1rem;
  background-color: #edf2f8;
  border-radius: 0.5rem;
  color: #4830ae;
  font-weight: 600;
  font-size: 13px;
  margin-left: 1rem;
}
#item-detail-reD section.detail-area .table-area table td .clip-btn img {
  vertical-align: baseline;
}
#item-detail-reD section.detail-area .table-area table td.f-s-16 {
  font-size: 16px;
}
#item-detail-reD section .section-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
#item-detail-reD section.talk-area {
  width: 100%;
  background-color: #fafbfd;
  border-top: 1px solid #ddd;
  padding: 5.5rem 0 10rem;
}
#item-detail-reD section.talk-area .title-part {
  display: flex;
  gap: 2rem;
  align-items: baseline;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}
#item-detail-reD section.talk-area .title-part p {
  font-size: 1.8rem;
  font-weight: 700;
}
#item-detail-reD section.talk-area .title-part span {
  font-size: 12px;
  font-weight: 700;
}
#item-detail-reD section.talk-area .talk-container ul li {
  padding: 2rem 0;
  display: flex;
  gap: 1.7rem;
  border-bottom: 1px solid #ddd;
}
#item-detail-reD section.talk-area .talk-container ul li .profile-img {
  flex-shrink: 0;
  width: 7rem;
  height: 7rem;
  border: 1px solid #ddd;
  border-radius: 100%;
  overflow: hidden;
}
#item-detail-reD section.talk-area .talk-container ul li .profile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#item-detail-reD section.talk-area .talk-container ul li .talk-part {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#item-detail-reD section.talk-area .talk-container ul li .talk-part .top b {
  margin-right: 1rem;
}
#item-detail-reD section.talk-area .talk-container ul li .talk-part .top span {
  font-size: 13px;
  color: #4c5d89;
}
#item-detail-reD section.talk-area .talk-container ul li .talk-part .bottom {
  font-size: 13px;
  line-height: 1.4;
  white-space: pre-line;
  word-wrap: break-word;
}

.web-none {
  display: none !important;
}

.mo-none {
  display: flex !important;
}




.load-more {
  background-color: #fafbfd;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.71px;
}
.button-cont {
  display: flex;                /* Flexbox로 설정 */
  justify-content: center;      /* 가로 중앙 정렬 */
  align-items: flex-start;      /* 수직 방향으로 위쪽에 배치 */

}

.more-button {
  position: relative;
  background: transparent;
  display: flex;
  align-items: flex-end;        /* 버튼을 가장 아래로 배치 */
  justify-content: flex-end;    /* 버튼을 오른쪽 끝으로 배치 */
  padding-right: 20px;          /* 오른쪽 여백 추가 */
  top: 10px;
  width: 1300px;
  
}

/* 반응형 스타일: 화면이 1200px 이하일 때 */
@media (max-width: 1200px) {
  .more-button {
    left: unset;   /* 더 이상 left 속성으로 위치를 조정하지 않음 */
    top: 5px;
  }
}

/* 반응형 스타일: 화면이 768px 이하일 때 */
@media (max-width: 768px) {
  .more-button {
    left: unset;   /* 왼쪽 위치를 초기화 */
    top: 15px;
    transform: none; /* 가운데 정렬을 위한 보정 제거 */
  }
}

/* 반응형 스타일: 화면이 480px 이하일 때 */
@media (max-width: 480px) {
  .more-button {
    left: unset;
    top: 10px;
  }
}

@media (max-width: 768px) {
  .load-more {
    font-size: 13px;   /* 글자 크기 줄이기 */
    font-weight: 400;  /* 약간 더 볼드하게 */
    line-height: 15.51px;
  }
}

/* 480px 이하 (스마트폰) */
@media (max-width: 480px) {
  .load-more {
    font-size: 13px;   /* 글자 크기 줄이기 */
    font-weight: 400;  /* 약간 더 볼드하게 */
    line-height: 15.51px;
  }
}








@media screen and (max-width: 767px) {
  .web-none {
    display: flex !important;
  }
  .mo-none {
    display: none !important;
  }
  .bar-graph-part .top-part span {
    font-size: 13px;
  }
  .bar-graph-part .bar-graph {
    height: 5px;
  }
  #item-detail-reD {
    padding-top: 96px;
  }
  #item-detail-reD .detail-box {
    max-width: 100vw;
    flex-wrap: wrap;
    padding: 0 2rem;
  }
  #item-detail-reD section.detail-area {
    padding: 1.5rem 0;
    width: 100%;
    border-right: unset;
  }
  #item-detail-reD section.detail-area .title-area {
    gap: 1rem;
    border-bottom: unset;
    padding-bottom: 0.5rem;
    font-weight: 600;
  }
  #item-detail-reD section.detail-area .title-area h1.title {
    font-size: 1.6rem;
  }
  #item-detail-reD section.detail-area .title-area .sns-part .share-btn {
    display: none;
  }
  #item-detail-reD section.detail-area .title-area .sns-part p {
    font-size: 11px;
  }
  #item-detail-reD section.detail-area .title-area .sns-part .sns-icon {
    width: 2rem;
    height: 2rem;
  }
  #item-detail-reD section.detail-area .title-area .m-part {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  #item-detail-reD section.detail-area .title-area .m-part span {
    color: #e1e2e3;
    padding: 0 0.5rem;
  }
  #item-detail-reD section.detail-area .media-box {
    padding: 2rem 0 3.5rem;
  }
  #item-detail-reD section.detail-area .media-box .video-part {
    height: auto;
  }
  #item-detail-reD section.detail-area .table-area table colgroup col {
    width: 100% !important;
  }
  #item-detail-reD section.detail-area .table-area table tr {
    display: flex;
    flex-direction: column;
  }
  #item-detail-reD section.detail-area .table-area table tr th {
    font-size: 15px;
    padding-bottom: 1rem;
    padding-top: 3rem;
  }
  #item-detail-reD section.detail-area .table-area table tr th br {
    display: none;
  }
  #item-detail-reD section.detail-area .table-area table tr:first-of-type th {
    padding-top: unset;
  }
  #item-detail-reD section.detail-area .table-area table tr:last-of-type td {
    padding-bottom: unset;
    border-bottom: unset;
  }
  #item-detail-reD section.detail-area .table-area table td {
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
  }
  #item-detail-reD section.detail-area .table-area table td .map_address{
    display: block;
  }
  #item-detail-reD section.detail-area .table-area table td p.sub {
    font-size: 12px;
    margin-top: 0.5rem;
  }
  #item-detail-reD section.detail-area .table-area table td .clip-btn {
    display: block;
    margin-left: unset;
    margin-top: 1rem;
    font-weight: 500;
  }
  #item-detail-reD section.detail-area .table-area table td .clip-btn + br {
    display: none;
  }
  #item-detail-reD section.detail-area .table-area table td .ex-img {
    margin-top: 2rem;
  }
  #item-detail-reD section.detail-area .table-area table td.f-s-16 {
    font-size: 11px !important;
  }
  #item-detail-reD section.talk-area {
    padding: 2.5rem 0 3.5rem;
  }
  #item-detail-reD section.talk-area .section-inner {
    width: 100%;
    padding: 0 2rem;
  }
  #item-detail-reD section.talk-area .title-part p {
    font-size: 15px;
  }
  #item-detail-reD section.talk-area .talk-container ul li {
    gap: 1rem;
    padding: 1.1rem 0;
  }
  #item-detail-reD section.talk-area .talk-container ul li:last-of-type {
    /* border-bottom: unset;
    padding-bottom: unset; */
  }
  #item-detail-reD section.talk-area .talk-container ul li .talk-part {
    gap: 0.5rem;
  }
  #item-detail-reD section.talk-area .talk-container ul li .talk-part .top b {
    font-size: 12px;
    margin-right: 7px;
  }
  #item-detail-reD section.talk-area .talk-container ul li .talk-part .top span {
    font-size: 10px;
  }
  #item-detail-reD section.talk-area .talk-container ul li .talk-part .bottom {
    word-break: break-word;
    font-size: 12px;
  }
  #item-detail-reD section.talk-area .talk-container ul li .profile-img {
    width: 4rem;
    height: 4rem;
  }
  #item-detail-reD aside.detail-aside {
    padding: unset;
    width: 100%;
    height: auto;
    position: unset !important;
  }
  #item-detail-reD aside.detail-aside .aside-middle {
    margin-bottom: 3rem;
  }
  #item-detail-reD aside.detail-aside .aside-middle .step-part .step span {
    font-size: 12px;
  }
  #item-detail-reD aside.detail-aside .aside-middle .left-time-part {
    gap: 1.3rem;
    justify-content: flex-start;
  }
  #item-detail-reD aside.detail-aside .aside-middle .left-time-part .box {
    width: 25%;
    height: 4rem;
    border-radius: 5px;
  }
  #item-detail-reD aside.detail-aside .aside-middle .left-time-part .box .time {
    font-size: 2.4rem;
  }
  #item-detail-reD aside.detail-aside .toggle-area .toggle-btn {
    border-radius: 5px;
  }
  #item-detail-reD aside.detail-aside .toggle-area ul li {
    font-size: 12px;
  }
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  #item-detail-reD aside.detail-aside .btn-area button {
    border: 1px solid #d8e0e9;
    height: 100%;
    border-radius: 7px;
  }
  #item-detail-reD aside.detail-aside .btn-area button.share-btn {
    width: 4rem;
    padding: unset;
    background-color: #fff;
    align-items: center;
    justify-content: center;
  }
  #item-detail-reD aside.detail-aside .btn-area button.share-btn img {
    width: 20px;
    height: auto;
  }
  #item-detail-reD aside.detail-aside .btn-area button.like-btn {
    width: 8rem;
    font-size: 13px;
    background-color: #fff;
  }
  #item-detail-reD aside.detail-aside .btn-area button.apply-btn {
    line-height: 27px;
    width: 18rem;
    font-size: 15px;
    border: unset;
  }
  #item-detail-reD section.detail-area.research {
    padding: 1.5rem 0;
    width: 100%;
    border-right: unset;
  }
  #item-detail-reD section.detail-area.research .table-area {
    margin: 3rem 0;
    padding: unset;
  }
  #item-detail-reD #research_f {
    display: flex;
    width: 100%;
  }
  #item-detail-reD section.detail-area.research .table-area label {
    background-color: rgba(255, 255, 255, -0.2);
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #70737C38;
    cursor: pointer;
    width: 100%;
    height: 55px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }

  #item-detail-reD section.detail-area.research .table-area .research_result .bar-text {
    position: absolute;
    right: 12px;
    top: 11px;
    font-weight: 400;
    font-size: 15px;
    z-index: 2;
  }
  #item-detail-reD section.detail-area.research .table-area .btn-area .apply-btn {
    width: 100%;
    height: 100%;
    font-weight: 700;
    background-color: #FFA942;
    color: #FFFFFF;
    font-size: 1.8rem;
    border-radius: 6px;
  }
}
@media screen and (max-width: 430px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 44px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 414px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 57px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 412px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 59px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 390px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 58px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 375px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 51px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 360px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 46px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
@media screen and (max-width: 344px) {
  #item-detail-reD aside.detail-aside .btn-area {
    position: fixed;
    left: 0;
    bottom: 70px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}